<template>
    <div class="border-r p-4 hidden md:block">
        <nuxt-link class="p-4 rounded-lg hover:bg-gray-100 flex items-center" v-for="(item,index) in menu" :key="index" :to="item.link">
           <div class="mr-2" :class="'fa fa-'+item.image"></div>
            <div class="text-sm">{{item.title}}</div>
        </nuxt-link>
       
    </div>
</template>
<script setup>
const menu=ref([{image:'yelp',title:'在线抠图',link:'/koutu'},
{image:'meh-o',title:'AI绘图',link:'/ai/image'},
// {image:'image',title:'AI设计',link:'/ai/design'},
{image:'file-text-o',title:'AI文案',link:'/ai/writer'},
{image:'image',title:'虚拟人',link:'/ai/human'},
])
</script>